<template>
  <div id="app">
    <!-- ！！！了解App.vue的作用 -->
    <!-- 111  如果这里写111那么在所有页面都会展示 渲染首页，在全部页面渲染-->
    <!-- 这是视图层的展示 -->
    <!-- keep-alive防止过多重复请求  被缓存  作用缓存组件 优势 提升性能 只要用到了能再多用两个生命周期-->
    <!-- 意思是每次打开任何页面都会加载 -->
    <!--     <keep-alive>  默认的 
      <router-view></router-view>
    </keep-alive> 
    -->

    <!--要  缓存的路由  $route.meta.keepAlive-->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>

    <!--不  缓存的路由  !$route.meta.keepAlive-->
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

<script>
export default {
  created() {
    this.$store.commit("initUser"); //$store.commit
  },
};
</script>
